<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html <s:property value="aier_html_xmlns" escape="false"/>>
<head>
<base href="<%=basePath%>">
<title>班级公告</title>
<meta http-equiv="Content-Type" content="${aier_content_type}" />
<meta name="keywords" content="${aier_keyworks}" />

    <!--[if lt IE 9]>
    <script src='${aier_new_js_url}assets/html5shiv.js' type='text/javascript'></script>
    <![endif]-->
<link rel='stylesheet' type='text/css'
	href="${aier_new_css_url}assets/stylesheets/bootstrap/bootstrap.css">
<link rel='stylesheet' type='text/css'
	href="${aier_new_css_url}assets/stylesheets/bootstrap/bootstrap-responsive.css">
<link rel='stylesheet' type="text/css"
	href="${aier_new_css_url}assets/stylesheets/jquery_ui/jquery-ui-1.10.0.custom.css" />
<link rel="stylesheet" type="text/css"
	href="${aier_new_css_url}admin/notice/announcementClass.css" />
</head>

<body>
	<ul class="nav nav-tabs" id="myTab" style="background-color:#E2E5E5">
		<li class="active"><a href="#tabs-a" class="text-success">班级发布公告</a></li>
		<li><a href="#tabs-b" class="text-success">公告记录</a></li>
	</ul>
	<div class="tab-content">
		<div id="tabs-a" class="tab-pane active">
			发送对象:家长<br> <input type="text" class='des1'
				style="height:35px ; border：1px  #C2CAFC soild; margin-top:30px;"
				placeholder="填写标题" /> <br> <br>
			<textarea rows="18" class='des1' id="note"
				style="height:110px; border：1px  #C2CAFC soild; margin-top:15px; "
				placeholder="填写内容">
				 </textarea>
			<br>
			<div class="des1"
				style="background-color:  #EBEBEB ; border:1px #C2CAFC solid;width:725px; ">
				<input type="image" id="inside" onClick="uploadiamge();"
					style="margin:10px;" src="${aier_new_img_url}im_03.png" />
			</div>
			<div class="des1"
				style=" height: 70px ;background-color:  #EBEBEB ; border:1px #C2CAFC solid;width:725px; margin-top: 5px;">
				<input type="image" src="${aier_new_img_url}class/5_b.jpg" height="60"
					width="60" style="margin-top:5px ; margin-left:5px;" />
			</div>
			<br>
			<div class="des2">
				是否使用<a style="color:#04988D">短信群发功能 </a> ： <input type="radio"
					name="identity" id="messageyes" /> 是 <input type="radio"
					name="identity" id="messageno" /> 否 ( 本月短信还剩 2000 条 ， 查看<a
					style=" color:#04988D">短信使用记录</a>) <br> <input type="button"
					class="btn btn-info" id="send" disabled="disabled" value="发送" />
			</div>
		</div>

		<div id="tabs-b" class="tab-pane">
			<div class="row-fluid" style="width: 80%;">
				<table id="example" class="table table-bordered"
					style="margin-top:20px; margin-left:10px;">
					<thead>
						<tr>
							<th width="31%">标题</th>
							<th width="25%">内容</th>
							<th width="21%">访问量</th>
							<th width="23%">时间</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	


	<div id='dialog-message' title="短信预览">
		<i class='icon-exclamation-sign'></i>春接放假通知（共200人）。
	</div>
	
	
	<div id='loadimg' title="上传图片">
		
		
	</div>
	
	<script src="${aier_new_js_url}assets/jquery/jquery-1.9.0.min.js" type="text/javascript" ></script>
	<script src="${aier_new_js_url}assets/bootstrap/bootstrap.min.js" type="text/javascript" ></script>
	<script src="${aier_new_js_url}assets/jquery_ui/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script>
	<script src="${aier_new_js_url}assets/plugins/popwin/popwin.js"></script>
	<script type="text/javascript">
		$(function() {
			$('#myTab a:first').tab('show');

			$('#myTab a').click(function(e) {
				e.preventDefault();
				$(this).tab('show');
			});
		});
	</script>
	<script type="text/javascript">
		function uploadiamge() {
			$('#inside').bind('click', function() {
				//提示发送框
				$("#loadimg").dialog("open");
			});
		}

		//上传图片
		$("#loadimg").dialog({
			autoOpen : false,
			width : 750,
			height : 630,

			show : {
				effect : "blind",
				duration : 1000
			},
			hide : {
				effect : "explode",
				duration : 1000
			},
			modal : true,
			buttons : {
				'确定' : function() {
					$(this).dialog('close');
				},

				'取消' : function() {
					$(this).dialog('close');
				}
			}
		});
	</script>

	<script type="text/javascript">
		$('#messageyes').bind('click', function() {
			//提示发送框
			$("#dialog-message").dialog("open");
		});
		//提示框
		$("#dialog-message").dialog({
			autoOpen : false,
			show : {
				effect : "blind",
				duration : 1000
			},
			hide : {
				effect : "explode",
				duration : 1000
			},
			modal : true,
			buttons : {
				'发送' : function() {
					$(this).dialog('close');
				},

				'取消' : function() {
					$(this).dialog('close');
				}
			}
		});
	</script>
	<script>
	//table
		$(function() {
			//弹出tableitem	$("#example tbody tr").bind('click', function() {
				//popWin.showWin("900", "550", "", "gginfo.html");
			//});		
			
		});
	</script>
</body>
</html>
